<!DOCTYPE html>
<html>
  <meta charset="utf-8">
  <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 
  <meta name="renderer" content="webkit" />
   <link href="css/default.css"  rel="stylesheet">
   <link href="css/common.css"  rel="stylesheet">
   <link href="css/page.css"  rel="stylesheet">
</head>
<style>
body,html{min-width:1000px;}

</style>
<body>
<!--<div class="top_address">
	<div class="left">当前位置：商户管理</div>
</div>-->

<div class="menus">
	<div class="m_title">查询条件</div>
	<div class="opt_all">
		<div class="opt">
			<div class="left">帐号</div>
			<div class="right"><input type="text" class="inp_text" /></div>
		</div>
		<div class="opt">
			<div class="left">名称</div>
			<div class="right"><input type="text" class="inp_text" /></div>
		</div>
		<div class="opt">
			<div class="left">类型</div>
			<div class="right">
				<select class="inp_select">
					<option>全部</option>
					<option>管理员</option>
					<option>客服</option>
				</select>
			</div>
		</div>
		<div class="opt">
			<div class="left">账户状态</div>
			<div class="right"><select class="inp_select">
					<option>使用中</option>
					<option>已停用</option>
				</select>
			</div>
		</div>
		<div class="opt">
			<div class="left">注册日期</div>
			<div class="right"><input type="text" class="inp_text" /></div>
		</div>
		<div class="opt">
			<div class="left">所属地</div>
			<div class="right"><input type="text" class="inp_text" /></div>
		</div>
	</div>
	
	<div class="opt_c">
		<button class="btn btn_sure">查询</button>
		<button class="btn btn_def">重置</button>
	</div>
</div>

<div class="data_list">
		<div class="m_title">查询结果
			<div class="list_cz">
				<button class="btn btn_sure">新增</button>
				<button class="btn btn_error">删除</button>
			</div>
		</div>
	<table class="table_style">
		 <thead>
			<tr>
			  <th style="width:30px;"></th>
			  <th>账号</th>
			  <th>名称</th>
			  <th>类型</th>
			  <th>账户状态</th>
			  <th>注册日期</th>
			  <th>所属地</th>
			  <th style="width:140px;">操作</th>
			</tr>
		  </thead>
		    <tbody>
				<tr>
					<td><input type="checkbox" /></td>
					<td>admin</td>
					<td>林一峰</td>
					<td>管理员</td>
					<td>使用中</td>
					<td>2017-2-11 14:55:22</td>
					<td>广东省广州市白云区</td>
					<td>
						<button class="btn btn_sure">查看</button>
						<button class="btn btn_error">删除</button>
					</td>
				</tr>
				
				<tr>
					<td><input type="checkbox" /></td>
					<td>CS001</td>
					<td>曾莹莹</td>
					<td>客服</td>
					<td>使用中</td>
					<td>2018-2-11 15:55:22</td>
					<td>广东省深圳市宝安区</td>
					<td>
						<button class="btn btn_sure">查看</button>
						<button class="btn btn_error">删除</button>
					</td>
				</tr>
				
				
			 </tbody>
	</table>
	
	<div id="page" class="page_div"></div>
</div>

		

  <script src="js/jq.js" ></script>
  <script src="js/page.js" ></script>
  <script>
  $(function(){
				//分页
		$("#page").paging({
			pageNo:1,
			totalPage: 1,
			totalSize: 2,
			callback: function(num) {
				//alert(num)
			}
		})

  })
  </script>
  </body>
</html>